iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 12
0
Modern Web

JS 學習歷程系列 第 12

反轉劇代表收視率 - 反轉陣列裡的物件

  • 分享至 

  • xImage
  •  

今天來玩一個小玩意兒:

當我們今天獲得了一個陣列,如果想要反轉它,我們可以使用reverse()讓它原地反轉:

  1. 來創造一個新陣列吧:
let ary=['one','two','three'];
  1. 印出它來看看:
console.log(ary);
  1. JS Bin 長相:

https://ithelp.ithome.com.tw/upload/images/20190912/20119922AIgVJAPwoO.png

  1. 如果你發現樓上第2個步驟很多餘我覺得你真的很不錯,因為它的確是來湊字數用的(被毆)

  2. 接下來我們來試玩reverse()吧:

ary.reverse();
  1. 一樣印出它來:
console.log(ary);
  1. 哇~ary 真的被反轉了吔:

https://ithelp.ithome.com.tw/upload/images/20190912/20119922LYwfZtUdSC.png

  1. 既然我們都花了這麼多功夫把 ary 反轉了,接下來的 ary 如果要再放入新資料,切記不能再用ary.push()囉,原因我們就直接玩吧:
ary.push('four');
  1. 當然也要印出它一下才能知道花嘿噴:
console.log(ary);
  1. 陣列資料的呈現變成:["three", "two", "one", "four"],是不是很哭奔。

https://ithelp.ithome.com.tw/upload/images/20190912/20119922h0pcWf0JUm.png

  1. 其實只要記得用 ary.unshift() 即可:
ary.unshift('five');
  1. 再來印出它:
console.log(ary);
  1. 噹狼~是不是很開心:

https://ithelp.ithome.com.tw/upload/images/20190912/20119922juZ7ijccVa.png

  1. 賀!結束來烤肉了~大家中秋節快樂~

上一篇
結衣我老婆啦 - 情侶理想身高差 * onClick(三)
下一篇
不懂分頁怎麼賺 Page View - JS 分頁 (一)
系列文
JS 學習歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言